{% extends "base.html" %}

 {%block left-banner%}
{%endblock left-banner%}

{%block title%}
<div class="layui-layout" style="padding-left:20%;text-align:left;top:60px;z-index:1;position: fixed;" >
    <text style="font-size:20px">
    服务状态筛选
</text>
</div>
{%endblock title%}

 {%block search%}
 <div class="searchBtn" style="text-align:left;top:120px;position: fixed;">
  <div class="layui-inline">
    <input class="layui-input"  name="search_content" id="tableReload" autocomplete="off" data-type="reload">
  </div>
  <button class="layui-btn" data-type="reload" >查询</button>
           <input type="checkbox" name="status" value="咨询" lay-skin="primary" style="margin-left:20px" checked>咨询  </input>
<input type="checkbox" name="status" value="需求" lay-skin="primary" style="margin-left:20px">需求  </input>
     <input type="checkbox" name="status" value="改进" lay-skin="primary" style="margin-left:20px" checked>改进  </input>

          <input type="checkbox" name="status" value="BUG" lay-skin="primary" style="margin-left:20px" checked>BUG  </input>


     <button class="layui-btn layui-btn-sm" lay-event="getStatus" id="getStatus" data-type="reload" >按工单状态筛选</button>
    </div>
    {%endblock search%}


{%block body%}
{%load staticfiles%}
<script type="text/javascript" src="{% static '/js/cpjf.js' %}"></script>

<div style="position:relative">
    <table class="layui-table" style="text-align:center" lay-data="{ url:'/index/get_service',
page:true, id:'table', skin: 'row', even: true,limits: [10,15,25,35,45],limit: 10 }  " lay-filter="table">
  <thead>
    <tr>
      <th lay-data="{field:'project', width:'30%',  sort: true}">产品</th>
        <th lay-data="{field:'issue_key', width:'10%',  sort: true,templet:'#issueTpl'}">模块名</th>
        <th lay-data="{field:'summary', width:'20%',  sort: true}">主题</th>
        <th lay-data="{field:'reporter', width:'10%', sort: true}">报告人</th>
        <th lay-data="{field:'assignee', width: '10%', sort: true}">经办人</th>
         <th lay-data="{field:'status', width: '10%', sort: true}">状态</th>
         <th lay-data="{field:'day',  width: '10%',sort: true}">创建日期</th>
    </tr>
  </thead>

</table>

{% verbatim %}
<script type="text/html" id="issueTpl">
  <div><a href="//jira.uyunsoft.cn/browse/{{d.issue_key}}" class="layui-table-link" target="_blank">{{d.issue_key}}</a></div>
</script>
{% endverbatim %}
</div>
{%endblock body%}